import React, {Component} from 'react';
import {NavBar, WingBlank, Icon} from 'antd-mobile';
import './index.scss'

class startComponent extends React.Component {


    render() {
        const goBack = () => {
            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
            if (isAndroid) {
                android.back()
            } else {
                var message = {"method": "back"};
                window.webkit.messageHandlers.ios.postMessage(message);
            }
        }
        const start=()=>{
            console.log(this.props);
            this.props.history.push('/risk')
        }
        return (
            <div className={'start-warp'}>
                <NavBar mode="light"
                        onLeftClick={() => goBack()}
                        icon={<Icon type="left"/>}
                        className='title'>风险测评须知</NavBar>
                <WingBlank className={'WingBlank'}>
                    <p className={'frist'}>根据《网络借贷信息中介机构业务活动管理暂行办法（征求意见稿）》有关规定，网络借贷信息中介机构应当对出借人的财务状况、投资经验、风险偏好、风险承受能力等进行尽职评估，以切实保障出借者利益。</p>
                    <p>为了便于您了解自身的风险承受能力，选择合适的产品和服务，请您填写以下问卷，根据自身情况认真选择。评估结果仅供参考，不构成出借建议。对于您填写的个人信息，我司予以严格保密，非经授权，不向任何第三方透露，因监管部门履行监管职责要求或司法部门依法行使调阅查询权除外。</p>
                </WingBlank>
                <div className={'btn'} onClick={start}>开始测评</div>
            </div>

        )
    }

}

export default startComponent
